<template>
	<!-- 全局的图片  因为app端上传的图片不带域名前缀 所以小程序需要转换 -->
  <view class="u-flex">
    <u-avatar :src="image || `${aliosCdn}/larp/common-${currentTheme}/user.png`" :size="size" :show-sex="showSex" :fade="fade" :sex-icon="sexIcon" :mode="mode" v-if="type" @click="click" :sex-bg-color="sexBgColor"></u-avatar>
    <u-image v-else :src="image"  :height="height" :width="width" 
	:bg-color="bgColor" 
	:mode="imgMode" 
	:lazy-load="lazyLoad" :border-radius="radius"  :show-loading="showLoading" @click="click"></u-image>
  </view>
</template>

<script>
export default {
  name: "itemImage",
  props:{
    img:{
      type:String,
      default:''
    },
    mode:{
      type:String,
      default:'circle'
    },
    imgMode:{
      type:String,
      default:'aspectFill'
    },
    sexIcon:{
      type:String,
      default:'man'
    },
    showSex:{
      type:Boolean,
      default:false
    },
    size:{
      type:[String,Number],
      default:100
    },
    height:{
      type:String | Number,
      default: 'auto'
    },
    width:{
      type:[String,Number],
      default:'100%'
    },
    bgColor:{
      type:String,
      default: '#FFFFFF'
    },
    type:{
      type: [String,Number],
      default: ''
    },
    //过渡效果
    fade:{
      type:Boolean,
      default:true
    },
    showLoading:{
      type:Boolean,
      default:true
    },
    lazyLoad:{
      type:Boolean,
      default:true
    },
    radius:{
      type:String | Number,
      default:10
    },
	sexBgColor:{
		type:String,
		default:""
	}
  },
	computed: {
		image() {
			return this.img&&this.imgFilter(this.img) || ''
		}
	},
	methods: {
		click(e) {
			this.$emit('click',e)
		}
	},
}
</script>

<style scoped>

</style>